/*
 * Copyright 2020 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import 'fonts';
@import 'kui--alternate';
@import 'charts';
@import 'colors';
@import 'inverted';
@import '@kui-shell/plugin-client-common/web/scss/components/Wizard/mixins';
@import '@kui-shell/plugin-client-common/web/scss/components/Sidecar/mixins';
@import '@kui-shell/plugin-client-common/web/scss/components/Terminal/mixins';
@import '@kui-shell/plugin-client-common/web/scss/components/StatusStripe/mixins';

body[kui-theme='Carbon Gray10'] {
  @include PlexFonts;
  @include charts-light;
  @include colors-light;
  @include InvertedColorsForTerminal;

  @include Sidecar {
    @include carbon-inverted;
  }
  @include InputWrapper {
    @include carbon-inverted;
    --color-sidecar-background-02: var(--color-base00);
  }
  @include StatusStripeWithDefaultColors {
    @include carbon-inverted;
  }
  @include CommentaryEditor {
    @include carbon-inverted;
    --color-sidecar-background-02: var(--color-base00);
  }
  @include WizardHeader {
    @include carbon-inverted;
  }

  .monaco-editor .margin-view-overlays .current-line-margin,
  .monaco-editor .view-overlays .current-line {
    border-color: #565656;
  }
  .kui--sidecar .monaco-editor .mtk7,
  .kui--sidecar .monaco-editor .line-numbers {
    color: var(--color-sidecar-toolbar-background);
  }
  .monaco-editor .current-line ~ .line-numbers {
    color: #fa75a6;
  }
  .kui--input-stripe .repl-input {
    background-color: var(--color-base04);
  }
  .kui--input-stripe {
    background-color: var(--color-base00);
  }
  .kui--input-stripe input {
    background-color: var(--color-base01);
  }

  .bx--data-table {
    font-family: var(--font-sans-serif);
  }
}
